﻿<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="container-fluid">
    <div style="background: #333;" class="row">
        <div class="col-lg-1"></div>
        <div class="col-lg-10 ">
            <div class="col-lg-3 ">
                <p class="logo"><img src="images/logo.png"></p>
            </div>
            <div class="col-lg-9 ">
                <div class="navbar-header">
                    <ul style="margin-top: 22px;" class="nav nav-tabs">
                        <li role="presentation" class="active"><a href="#">Практика</a></li>
                        <li role="presentation"><a href="#">Диплом</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-lg-1 ">
            <button style="margin-top: 15px;" type="button" class="btn btn-default navbar-btn">Выйти</button>
        </div>
    </div>
</div>


<div style="margin-top: -12px;" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img style="margin-left: 7%"  src="images/openday.jpg" alt="...">

            <div class="carousel-caption">
                ...
            </div>
        </div>
        <div class="item">
            <img style="margin-left: 7%"  src="images/slide2.png" alt="...">

            <div class="carousel-caption">
                ...
            </div>
        </div>
        <div class="item">
            <img style="margin-left: 7%" src="images/slide1.png" alt="...">

            <div class="carousel-caption">
                ...
            </div>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<div style="background: #333;" class="row">
<div class="col-lg-1"></div>
<div  class="col-lg-9">
    <nav class="nav nav-tabs">
        <div class="container-fluid">
            <div style="margin-top: 20px;" class="nav-header">
                <ul class="nav nav-tabs">
                    <li role="presentation" ><a href="index.html">Главный</a></li>
                   <li role="presentation"><a href="dogovor.html">Договор</a></li>
                    <li role="presentation"><a href="#">Дневник</a></li>
                    <li role="presentation" class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
                            Оценки <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">ВТиПО</a></li>
                            <li><a href="#">ИС</a></li>
                            <li><a href="#">Мат</a></li>
                        </ul>
                    </li>
                    <li role="presentation"><a href="#">Презентация</a></li>
               
                    <li role="presentation" class="active">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
                           Заявление <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="zaevlenie1.html">ВТПО</a></li>
                            <li><a href="zaevlenie2.html">ИС</a></li>
                            <li><a href="zaevlenie3.html">Мат</a></li>
                        </ul>
                    </li>

                </ul>
            </div>
        </div>
    </nav>
</div>
<div class="col-lg-1"></div>
    </div>
<br><br>
     <h5 style="margin-left:300px;">Сулейман Демирель атындағы  Университет" мекемесі</h5>
     <br>
     
    <div class="row">
    	<div class="col-lg-6"></div>
   		<div class="col-lg-6"><p style="margin-left:-17px;">«Инженер және жаратылыстану <br>ғылымдары» факультетінe қарасты «Математика <br>және жаратылыстану ғылымдары» кафедрасының меңгерушісі <br>
ф.-м.ғ.д., доцент Вербовский В.В. мырзаға

Студент<br>
    <div class="row" style="width:300px;">
        <div class="col-1 small">
         Фамилия
        </div>
        <div class="col-2 small">
            <input id="passpord" type="text" class="form-control">
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>
    <div class="row" style="width:300px;">
        <div class="col-1 small">
         Имя:
        </div>
        <div class="col-2 small">
            <input id="passpord" type="text" class="form-control">
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>
<div class="row" style="width:300px;">
        <div class="col-1 small">
         Мамандығы:
        </div>
        <div class="col-2 small">
            <input id="passpord" type="text" class="form-control">
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>
<div class="row" style="width:300px;">
        <div class="col-1 small">
        Курс:
        </div>
        <div class="col-2 small">
            <select id = "countryId" name = "countryName">
										<option value = "1">1</option>
                                        <option value = "2">2</option>
                                        <option value = "3">3</option>
                                        <option value = "4">4</option>
                                        </select>
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>
   
        
        <div class="row" style="width:300px;">
        <div class="col-1 small">
       Тобы:
        </div>
        <div class="col-2 small">
            <input id="passpord" type="text" class="form-control">
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>
<div class="row" style="width:300px;">
        <div class="col-1 small">
        Оқу түрі:
        </div>
        <div class="col-2 small">
            <select id = "countryId" name = "countryName">
										<option value = "akyly">Ақылы</option>
                                        <option value = "grant">Грант</option>
                                        </select>
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>

<div class="row" style="width:300px;">
        <div class="col-1 small">
        Тел:
        </div>
        <div class="col-2 small">
            <input id="passpord" type="text" class="form-control">
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>
    
<div class="row" style="width:300px;">
        <div class="col-1 small">
        	Email:
        </div>
        <div class="col-2 small">
            <input id="passpord" type="text" class="form-control">
        </div>

        <div class="col-6 small" id="p3">
        </div>
    </div>

</div>
    </div>
    




    <div class="row">
        <div class="col-2 small"></div>
        <div class="col-2 small">
            <button class="btn btn-info" type="submit">Submit</button>
        </div>
    </div>
            <div class="col-lg-2"></div>
        </div>
    </div>
    <div class="col-lg-1"></div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>